<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			body{
				/*background-image: url(../img/wallhaven-680785.jpg);
				background-size: cover;*/
			}
			.fontstyle{
				color: red;
			}
			
			#p1{
				color: blue;
			}
			
			/*ol li{
				color: antiquewhite;
			}*/
			ul > li:first-child  li:first-child{
				color: blue;
			}
		</style>
	</head>
	<body>
		<p class="fontstyle">啦啦啦</p>
		<p id="p1">啦啦啦</p>
		<ul id="books">
			<li>四大名著：
				<ol>
					<li id="hlm">红楼梦</li>
					<li>三国演义</li>
					<li>水浒传</li>
					<li>西游记</li>
				</ol>
			</li>
			<li>武侠系列：
				<ol>
					<li>倚天屠龙</li>
					<li>天龙八部：
						<ul>
							<li>第一部</li>
							<li>第二部</li>
						</ul>
					</li>
				</ol>
			</li>
		</ul>
	</body>
</html>
